import { MenuItem } from "@/scripts/dataTypes";
import { defineAsyncComponent, ref, shallowRef } from "vue";
import addTree from "@/pages/forestView/AddTree.vue";
import editTree from "@/pages/forestView/EditTree.vue";


export const forestMenuList = ref<MenuItem[]>([
    {
        id: "addTree",
        name: "添加树",
        com: shallowRef(addTree),
        status: "none",
        icon: require('@/assets/cimrts/baseInfo/batch.png'),
        activeIcon: require('@/assets/cimrts/baseInfo/batch_actived.png'),
        hoverIcon: require('@/assets/cimrts/baseInfo/batch_hover.png'),
        isOnly: true,
    },
    {
        id: "editTree",
        name: "拾取树",
        com: shallowRef(editTree),
        status: "none",
        icon: require('@/assets/cimrts/baseInfo/edit.png'),
        activeIcon: require('@/assets/cimrts/baseInfo/edit_actived.png'),
        hoverIcon: require('@/assets/cimrts/baseInfo/edit_hover.png'),
        isOnly: true,
    },
    {
        id: "location",
        name: "定位",
        status: "none",
        icon: require('@/assets/cimrts/baseInfo/location.png'),
        hoverIcon: require('@/assets/cimrts/baseInfo/location_hover.png'),
    },
    {
        id: "flyToTree",
        name: "飞行至随机树",
        status: "none",
        icon: require('@/assets/cimrts/baseInfo/flyToFeature.png'),
        hoverIcon: require('@/assets/cimrts/baseInfo/flyToFeature_hover.png'),
    },
    {
        id: "refresh",
        name: "刷新",
        status: "none",
        icon: require('@/assets/cimrts/baseInfo/refresh.png'),
        hoverIcon: require('@/assets/cimrts/baseInfo/refresh_hover.png'),
    },
])